﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <title>汽车葫芦圈</title>
    <meta name="description" content="汽车葫芦圈网，实时更新的汽车新闻资讯！" />
    <meta name="keywords" content="" />

    <style>
        body .swiper-pagination { position: absolute; left: 50%; bottom: 10px; width: 200px; text-align: center; margin-left: -100px; }
        body .swiper-pagination-bullet { background: #fff; margin: 0 0 0 10px; }
        body .swiper-pagination-bullet-active { background: #17adc1; }
        .touT_state img { border-radius: 50%; }
        .left_right_font { text-align: right; font-size: 12px; background-color: #f0f0f0; height: 22px; color: #999; line-height: 22px; padding-right: 10px; width: 93px; cursor: pointer; }
        .tuiGuang { color: #17adc1; font-size: 12px; line-height: 24px; border: 1px solid #17adc1; border-radius: 2px; }
        .word2 div:nth-child(1) { font-size: 24px; margin-bottom: 30px; }
    </style>
    <link href="../style/main.css" rel="stylesheet" />
</head>
<body>
    <style>
        .p-header-hide3 { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -moz-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -o-transition: all 300ms cubic-bezier(.55, .055, .675, .19); transition: all 300ms cubic-bezier(.55, .055, .675, .19); }
        .p-header-show3 { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -moz-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -o-transition: all 900ms cubic-bezier(.19, 1, .22, 1); transition: all 900ms cubic-bezier(.19, 1, .22, 1); }

        .p-header-hide { -webkit-transform: translateY(-110px); -ms-transform: translateY(-110px); transform: translateY(-110px); -webkit-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -moz-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -o-transition: all 300ms cubic-bezier(.55, .055, .675, .19); transition: all 300ms cubic-bezier(.55, .055, .675, .19); }
        .p-header-show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -moz-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -o-transition: all 900ms cubic-bezier(.19, 1, .22, 1); transition: all 900ms cubic-bezier(.19, 1, .22, 1); }

        .p-header-hide2 { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -moz-transition: all 300ms cubic-bezier(.55, .055, .675, .19); -o-transition: all 300ms cubic-bezier(.55, .055, .675, .19); transition: all 300ms cubic-bezier(.55, .055, .675, .19); }
        .p-header-show2 { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -moz-transition: all 900ms cubic-bezier(.19, 1, .22, 1); -o-transition: all 900ms cubic-bezier(.19, 1, .22, 1); transition: all 900ms cubic-bezier(.19, 1, .22, 1); }
    </style>



    <div class="nav" style="top:0px">
        <div class="nav_1">
            <div class="top clearfix">
                <div class="top_inner">
                    <div class="logo"><a href="index.html"></a></div>
                    <ul class="clearfix fl info">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="index.html?cate=1">车界</a></li>
                        <li><a href="index.html?cate=2">旅程</a></li>
                    </ul>

                    <div class="search" style="float:right;    padding: 0 10px;
    width: 180px;
    height: 28px;
    margin-top: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 10px;">
                        <form action="" method="get" id="search_form">
                            <input type="text" name="keyword" id="key" style="width: 130px;
    height: 26px;
    background-color: #f9f9f9;
    border: none;
    float: left;
    font-size: 14px;">
                            <input type="button" style=" width 26px;
                                   height 26px;
                                   background-color #f9f9f9;
                                   border none;
                                   float right;
                                   background-image url(//www.qctt.cn/desktop/img/search2.png);
                            background-repeat: no-repeat;
                            background-position: center center;
                            background-size: 16px 16px;
                            cursor: pointer;"  class="usousuo">
                        </form>
                    </div>


                </div>
            </div>
        </div>
    </div>

    <div class="con" style="top:55px;">
        <div class="back" id="back"></div>

        <div class="content clearfix">
            <div class="contentLeft">
                <!--轮播图修改1012-->
                <div class="section-focus-pic" id="section-focus-pic" style="">
                    <div class="swiper-container" style="overflow:visible;">
                        <ul class="swiper-wrapper">
                            <li class="item swiper-slide" style="left:0px;">
                                <a href="detail.html?id=4" target="_blank">
                                    <img src="http://cools.qctt.cn/1510102935387?imageView2/1/w/2000/h/1000" width="570" height="300">
                                </a>
                            </li>
                            <li class="item swiper-slide">
                                <a href="detail.html?id=5" target="_blank">
                                    <img src="http://cools.qctt.cn/1509946849742?imageView2/1/w/2000/h/1000" width="570" height="300">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <p>资讯</p>
                <div class="article clearfix  feedlist ">
                    <div class="img">
                        <a href="detail.html?id=1" target="_blank">
                            <img src="http://cools.qctt.cn/1510123179420?imageView2/1/w/400/h/300/" onerror="javascript:this.src='https://www.qctt.cn/images/gray.png'" alt="" style="width:199px;height:150px;">
                        </a>
                    </div>
                    <div class="words">
                        <div class="part1 clearfix">
                            <div class="title">
                                <a href="detail.html?id=1" target="_blank">三分钟续航破千的&ldquo;玩具车&rdquo;？特斯拉都比不过让它！</a>
                            </div>
                        </div>
                        <div class="part2">
                            <a href="#">
                                崔伟
                            </a>
                            <span>2017-11-08 14:40:37</span>
                        </div>
                        <div class="part3">
                            <a href="detail.html?id=1" class="word" target="_blank">
                                既是响应节能减排的号召，也是出于未来市场的考虑，不少车企都已经着手研发新能源汽车，目前较为普遍的车型还是以纯电动以及插混车型为主。而特斯拉无疑是全球新...
                            </a>
                        </div>

                    </div>
                </div>
                <div class="article clearfix  feedlist ">
                    <div class="img">
                        <a href="detail.html?id=2" target="_blank">
                            <img src="http://cools.qctt.cn/1510122219974?imageView2/1/w/400/h/300/" onerror="javascript:this.src='https://www.qctt.cn/images/gray.png'" alt="" style="width:199px;height:150px;">
                        </a>
                    </div>
                    <div class="words">
                        <div class="part1 clearfix">
                            <div class="title">
                                <a href="detail.html?id=2" target="_blank">全新名爵6的上市对于思域和昂克赛拉会不会有压力？</a>
                            </div>
                        </div>
                        <div class="part2">
                            <a href="#" target="_blank">
                                阿刁
                            </a>
                            <span>2017-11-08 14:30:14</span>
                        </div>
                        <div class="part3">
                            <a href="detail.html?id=2" class="word" target="_blank">
                                而今，终于有一款拿得出手的中国人自己造的运动性轿车了，那就是名爵6，它已于11月3日正式上市，售价9.68万&mdash;13.28万。
                            </a>
                        </div>
                    </div>
                </div>
                <div class="more">
                    <div class="more_btn" at=1>点击加载更多</div>
                </div>

            </div>
            <div class="contentRight" style="margin-top:30px">
                <div class="conR_up">
                    <p>热门资讯</p>
                    <div class="fir">
                        <div class="sign"></div>
                        <div class="s_content">
                            <a href="detail.html?id=3">换了滤芯空调仍有异味？原来问题在这里！</a>
                        </div>
                    </div>
                    <div>
                        <div class="sign"></div>
                        <div class="s_content">
                            <a href="detail.html?id=3">华晨中华二十年：自主品牌乃民族脊梁 精工制造方能出大国重器</a>
                        </div>
                    </div>
                    <div class="last">
                        <div class="sign"></div>
                        <div class="s_content">
                            <a href="detail.html?id=3">大通D90起步价近16万，卖给外星人吗？</a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="adlist_hide" style="display:none">
            </div>
            <!--ad start-->
            <!--ad end-->
        </div>

        <div class="footer">
            <div class="footer-wrap">
                <h3>葫芦圈</h3>
                <img src="http://holoquan.com/App_Attachment/UnAuthorizationFolder/Common_Setting/4eb40146-3bc6-4865-934e-b69f0b375ae4/qrcode_for_gh_e934125f8eda_344.jpg?20161112143735" class="qr-hlq">
                电话：010-57156095<br>

                地址：北京市朝阳区建国路93号院 万达广场4号楼<br>
                解释权归属智选宜讯（北京）信息科技有限公司
                <br>
                <a href="/">首页</a> /
                <a href="/Catalogs/Detail?Key=Service">客户服务</a> /
                <a href="/Catalogs/Detail?Key=About">关于我们</a>
                <p>©2017 葫芦圈 All Rights Reserved 京ICP备16057532号-1</p>
            </div>
        </div>
    </div>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/1.8.1/jquery.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true
        });

    </script>
    <script>
        var cate = 0;
        if (location.href.indexOf('cate=1') > 0) {
            cate = 1;
        } else if (location.href.indexOf('cate=2') > 0) {
            cate = 2;
        }
        $('.info a').eq(cate).addClass('select')
    </script>
</body>


</html>